تگ HTML که باید بیشتر در مورد آنها بدانید

آشنایی با تگهای label , blockquote , cite , dl , thead , tbody , tfoot , optgroup , fieldset , legend

در این مطلب سعی خواهد شد که تعدادی از خصوصیات تگ های HTML که امروزه کمتر از آنها در طراحی وب سایت استفاده می شود را بیان کنیم . استفاده درست از این تگها می تواند در بهینه تر شدن کار یک طراح وب سایت و همچنین استاندارد بودن وب سایت کمک کند.

۱ – ارائه توضیحات در کدهای HTML با استفاده از <!– –>

ارائه توضیحات در مورد کدهای نوشته شده یکی از اصول کدنویسی استاندارد است که می تواند شما را در حفظ ساختار کلی وب سایت نیز کمک کند.این توضیحات می توانند در مورد شروع و یا پایان یک قسمت یا جزء از وب سایت و یا توضیح در مورد تکنولوژی مورد استفاده باشد.برای ارائه توضیحات در مورد کدهای HTML می توانید به روش زیر عمل کنید.این توضیحات در Source Code قابل رویت می باشد.

<!-- Beginning of Nav -->  
<ul>  
    <li>menu item 1</li>  
    <li>menu item 2</li>  
</ul>  
<!-- End of Nav -->  
<!-- Beginning of Main Content -->  
<p>This is the main content.</p>  
<!-- End of Main Content -->  

ساختار جدول – Table Styles – <thead> , <tbody> , <tfoot> – 2

در گذشته ای بسیار نزدیک استفاده از جداول ( Table ) بسیار مرسوم بود و بسیاری از طراحان وب سایت برای ایجاد ساختار وب سایت از این تگ استفاده میکردند.در طراحی های مدرن و امروزی تر از این تگ ( tag ) فقط برای ارائه اطلاعات به صورت جدول استفاده می شود و استفاده از آن بسیار محدود تر شده است.
اما استفاده صحیح از این تگ و دانستن کاربرد صحیح آن می تواند ما را در ارائه صحیح تر و بهتر مطالب به صورت جدول ( که جزء مهمی از ارائه اطلاعات در وب سایت است ) کمک کند .
میتوانید با استفاده از ساده ترین تگها ، جداول بسیار مرتب و خوبی را بسازید .یکی از خصوصیات مهم استفاده از تگ های ساده و استاندارد ، علاوه بر سادگی در استفاده ، سازگاری با هر نوع و سبک از طراحی وب سایت است.

<thead>

در برگیرنده تیتر ستون ها ، که باعث بهتر دیده شدن و تشخیص بهتر تیتر ها از دیگر مطالب و اطلاعات جدول میشود.

<tfoot>

مشخص کننده و در بر گیرنده سطر پایانی از جدول ، که همیشه پس از محتوای جدول
قرار میگیرد و خوانده میشود.

<tbody>

در بر گیرنده و مشخص کننده محتوای جداول در سطر ها و ستون ها

<table>  
    <thead>  
        <tr>  
            <td>Item</td>  
            <td>Qty</td>  
        </tr>  
    </thead>  
    <tfoot>  
        <tr>  
            <td>Sum</td>  
            <td>7</td>  
        </tr>  
    </tfoot>  
    <tbody>  
        <tr>  
            <td>#1</td>  
            <td>3</td>  
        </tr>  
        <tr>  
            <td>#2</td>  
            <td>4</td>  
        </tr>  
    </tbody>  
</table> 

3 – <optgroup>

استفاده از Drop Down یکی از بهترین روش ها برای ارائه اطلاعات به مخاطبان ، جهت انتخاب هستند.
با استفاده از تگ <optgroup> میتوانید اطلاعات دسته بندی شده تری را در غالب یک Drop Down در اختیار مخاطبان خود قرار دهید و انتخاب را برای آنها ساده و ساده تر کنید.

<select>  
    <optgroup label="Baseball Teams">  
        <option value="Detroit Tigers">Detroit Tigers</option>  
        <option value="Chicago Cubs">Chicago Cubs</option>  
    </optgroup>  
    <optgroup label="Football Teams">  
        <option value="Detroit Lions">Detroit Lions</option>  
        <option value="Chicago Bears">Chicago Bears</option>  
    </optgroup>  
</select>  